<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-订单确认</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                    <span class="badge">0</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item ">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item active">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
                <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>
                <div class="user-loged"></div>
            </div>

        </div>
    </div>
</div>

<!-- content order 页面内容 -->
<div class="order-confirm-content clearfix" id="content_minHeight">
    <div class="wrapper">
        <h1 class="form-title">填写并核对订单信息</h1>
        <form class="layui-form"  action="#">
            <div class="form-row inline-wrapper">
                <div class="row-key inline-item">交货日期</div>
                <div class="row-split inline-item">:</div>
                <div class="row-value inline-item">
                    <input class="date-picker" id="date_hook" placeholder="请选择交货日期" type="text">
                    <i class="icon icon-date"></i>
                </div>
            </div>
            <div class="form-row inline-wrapper">
                <div class="row-key inline-item">配送方式</div>
                <div class="row-split inline-item">:</div>
                <div class="row-value inline-item select-value">
                    <div class="layui-form-item">
                        <select name="city" lay-verify="">
                            <option value="">请选择配送方式</option>
                            <option value="1">营业执照</option>
                            <option value="2">检验机构资质证书</option>
                            <option value="3">法人授权委托书</option>
                            <option value="4">其他</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-row inline-wrapper address-row">
                <div class="row-key inline-item">收货地址</div>
                <div class="row-split inline-item">:</div>
                <div class="row-value inline-item">
                    <div class="address-item inline-wrapper default-active active">
                        <div class="inline-item select-btn">
                            <span>王鑫浩</span>
                            <i class="icon icon-select"></i>
                        </div>
                        <div class="inline-item">13984826101</div>
                        <div class="inline-item">广东省-湛江市-雷州市</div>
                        <div class="inline-item">小河</div>
                        <div class="inline-item defalut-address">默认地址</div>
                        <div class="inline-item action-wrapper">
                            <div class="inline-item edit-btn set-default-btn">设为默认</div>
                            <div class="inline-item edit-btn">编辑</div>
                        </div>
                    </div>
                    <div class="address-item inline-wrapper">
                        <div class="inline-item select-btn">
                            <span>王鑫浩</span>
                            <i class="icon icon-select"></i>
                        </div>
                        <div class="inline-item">13984826101</div>
                        <div class="inline-item">广东省-湛江市-雷州市</div>
                        <div class="inline-item">小河</div>
                        <div class="inline-item defalut-address">默认地址</div>
                        <div class="inline-item action-wrapper">
                            <div class="inline-item edit-btn set-default-btn">设为默认</div>
                            <div class="inline-item edit-btn">编辑</div>
                        </div>
                    </div>
                    <div class="add-address-btn" id="add_address_hook">新增收货地址</div>
                </div>
            </div>
            <div class="form-row inline-wrapper remind-row">
                <div class="row-key inline-item">备注</div>
                <div class="row-split inline-item">:</div>
                <div class="row-value inline-item">
                    <textarea name="" id=""></textarea>
                </div>
            </div>
        </form>
        <div class="order-list">
            <div class="order-list-header inline-wrapper">
                <div class="inline-item">商品</div>
                <div class="inline-item">规格</div>
                <div class="inline-item">单位</div>
                <div class="inline-item">数量</div>
            </div>
            <div class="order-list-content">
                <div class="order-list-item shadow-item inline-wrapper">
                    <div class="inline-item inline-wrapper goods-info">
                        <div class="goods-image-wrapper">
                            <div class="goods-img">
                                <img class="inline-item goods-image"
                                     src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_250.jpg" alt="">
                            </div>
                        </div>
                        <div class="inline-item goods-text">
                            <h3 class="goods-title">新生儿疾病筛查型</h3>
                            <div class="goods-title-en">Neonatal screening type</div>
                            <div class="goods-type-num">0044</div>
                        </div>
                    </div>
                    <div class="inline-item">三孔</div>
                    <div class="inline-item">张</div>
                    <div class="inline-item">200</div>
                </div>
                <div class="order-list-item shadow-item inline-wrapper">
                    <div class="inline-item inline-wrapper goods-info">
                        <div class="goods-image-wrapper">
                            <div class="goods-img">
                                <img class="inline-item goods-image"
                                     src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_250.jpg" alt="">
                            </div>
                        </div>
                        <div class="inline-item goods-text">
                            <h3 class="goods-title">新生儿疾病筛查型</h3>
                            <div class="goods-title-en">Neonatal screening type</div>
                            <div class="goods-type-num">0044</div>
                        </div>
                    </div>
                    <div class="inline-item">三孔</div>
                    <div class="inline-item">张</div>
                    <div class="inline-item">200</div>
                </div>
            </div>
        </div>
        <div class="order-confirm-footer inline-wrapper clearfix">
            <a href="#" class="inline-item back-btn">返回购物车</a>
            <div class="inline-wrapper order-info">
                <div class="inline-item"><strong>1</strong>种商品</div>
                <div class="inline-item">数量：<strong>200</strong></div>
                <div class="inline-item confirm-btn">
                    <a href="javascript: void(0);">确认订单</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 客服咨询 悬浮按钮 -->
<a class="server-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1326499052&amp;site=qq&amp;menu=yes" target="_blank">
</a>
<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>